<div class="page-home row-content am-cf">
    <!-- 商城统计 -->
    <div class="row">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
            <div class="widget am-cf">
                <div class="widget-head">
                    <div class="widget-title">商城统计</div>
                </div>
                <div class="widget-body am-cf">
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <div class="widget-card card__blue am-cf">
                            <div class="card-header">商品总量</div>
                            <div class="card-body">
                                <div class="card-value"><?=$count['goods']?></div>
                                <div class="card-description">当前商品总数量</div>
                                <span class="card-icon iconfont icon-goods"></span>
                            </div>
                        </div>
                    </div>

                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <div class="widget-card card__red am-cf">
                            <div class="card-header">用户总量</div>
                            <div class="card-body">
                                <div class="card-value"><?=$count['user'][0]?></div>
                                <div class="card-description">当前用户总数量</div>
                                <span class="card-icon iconfont icon-user"></span>
                            </div>
                        </div>
                    </div>

                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <div class="widget-card card__violet am-cf">
                            <div class="card-header">订单总量</div>
                            <div class="card-body">
                                <div class="card-value"><?=$count['order'][0][0]?></div>
                                <div class="card-description">付款订单总数量</div>
                                <span class="card-icon iconfont icon-order"></span>
                            </div>
                        </div>
                    </div>

                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <div class="widget-card card__primary am-cf">
                            <div class="card-header">评价总量</div>
                            <div class="card-body">
                                <div class="card-value"><?=$count['comment'][0]?></div>
                                <div class="card-description">订单评价总数量</div>
                                <span class="card-icon iconfont icon-haoping2"></span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!-- 实时概况 -->
    <div class="row">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
            <div class="widget am-cf">
                <div class="widget-head">
                    <div class="widget-title">实时概况</div>
                </div>
                <div class="widget-body am-cf">
                    <div class="am-u-sm-6 am-u-md-12 am-u-lg-3">
                        <div class="widget-outline dis-flex flex-y-center">
                            <div class="outline-left">
                                <img src="">
                            </div>
                            <div class="outline-right dis-flex flex-dir-column flex-x-between">
                                <div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日销售额(元)</div>
                                <div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?=$count['order'][1][1]?></div>
                                <div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
                                    昨日：<?=$count['order'][1][2]?></div>
                            </div>
                        </div>
                    </div>
                    <div class="am-u-sm-6 am-u-md-12 am-u-lg-3">
						<div class="widget-outline dis-flex flex-y-center">
                            <div class="outline-left">
                                <img src="">
                            </div>
							<div class="outline-right dis-flex flex-dir-column flex-x-between">
								<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日付款订单</div>
								<div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?=$count['order'][0][1]?></div>
								<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
									昨日：<?=$count['order'][0][2]?></div>
							</div>
						</div>
                    </div>
                    <div class="am-u-sm-6 am-u-md-12 am-u-lg-3">
                        <div class="widget-outline dis-flex flex-y-center">
                            <div class="outline-left">
                                <img src="">
                            </div>
                            <div class="outline-right dis-flex flex-dir-column flex-x-between">
                                <div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日新增用户</div>
                                <div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?=$count['user'][1]?></div>
                                <div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
                                    昨日：<?=$count['user'][2]?></div>
                            </div>
                        </div>
                    </div>
                    <div class="am-u-sm-6 am-u-md-12 am-u-lg-3">
						<div class="widget-outline dis-flex flex-y-center">
                            <div class="outline-left">
                                <img src="">
                            </div>
							<div class="widget-outline dis-flex flex-dir-column flex-x-between">
								<div style="color: rgb(102, 102, 102); font-size: 1.2rem;">今日好评</div>
								<div style="color: rgb(51, 51, 51); font-size: 2.4rem;"><?=$count['comment'][1]?></div>
								<div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
									昨日：<?=$count['comment'][2]?></div>
							</div>
						</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 近七日交易走势 -->
    <div class="row">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
            <div class="widget am-cf">
                <div class="widget-head">
                    <div class="widget-title">近七日交易走势</div>
                </div>
                <div class="widget-body am-cf">
                    <div id="echarts-trade" class="widget-echarts" _echarts_instance_="ec_1544710141874" style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: rgba(252, 252, 252, 0);"><div style="position: relative; overflow: hidden; width: 1204px; height: 400px; cursor: default;"><canvas width="1204" height="400" data-zr-dom-id="zr_0" style="position: absolute; left: 0px; top: 0px; width: 1204px; height: 400px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div><div style="position: absolute; display: none; border-style: solid; white-space: nowrap; z-index: 9999999; transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s; background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font: 14px/21px &quot;Microsoft YaHei&quot;; padding: 5px; left: 300.933px; top: 160.625px;">2018-12-08<br><span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#3fb1e3"></span>成交额 : 778.00<br><span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#6be6c1"></span>成交量 : 26</div></div>
                </div>
            </div>
        </div>
    </div>

	<div class="row">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
            <div class="help-block am-text-center">
                <small>河马科技版权所有，技术交流QQ群：916181349，官方微信：fxtc08</small>
            </div>
        </div>

    </div>

</div>
<script src="assets/store/js/echarts.min.js"></script>
<script src="assets/store/js/echarts-walden.js"></script>
<script type="text/javascript">

    /**
     * 近七日交易走势
     * @type {HTMLElement}
     */
    var dom = document.getElementById('echarts-trade');
    echarts.init(dom, 'walden').setOption({
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['订单量', '成交额']
        },
        toolbox: {
            show: true,
            showTitle: false,
            feature: {
                mark: {show: true},
                magicType: {show: true, type: ['line', 'bar']}
            }
        },
        calculable: true,
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ["<?= date("Y-m-d",strtotime("-6 day"))?>","<?= date("Y-m-d",strtotime("-5 day"))?>","<?= date("Y-m-d",strtotime("-4 day"))?>","<?= date("Y-m-d",strtotime("-3 day"))?>","<?= date("Y-m-d",strtotime("-2 day"))?>","<?= date("Y-m-d",strtotime("-1 day"))?>","<?= date("Y-m-d")?>"]        
		},
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '成交额',
                type: 'line',
                data: [<?= $count['order'][1][1] ?>,<?= $count['order'][1][2] ?>,<?= $count['order'][1][3] ?>,<?= $count['order'][1][4] ?>,<?= $count['order'][1][5] ?>,<?= $count['order'][1][6] ?>,<?= $count['order'][1][7] ?>]
			},
            {
                name: '订单量',
                type: 'line',
                data: [<?= $count['order'][0][1] ?>,<?= $count['order'][0][2] ?>,<?= $count['order'][0][3] ?>,<?= $count['order'][0][4] ?>,<?= $count['order'][0][5] ?>,<?= $count['order'][0][6] ?>,<?= $count['order'][0][7] ?>]
			}
        ]
    }, true);

</script>